@import "../../../../shared/color";

@contentPadding: 0px;

.no-shop {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: @contentPadding;
	bottom: @contentPadding;
	left: @contentPadding;
	right: @contentPadding;
	background-color: #eaeaea;
	//background-color: #ffffff;
	//border-radius: 2px;
	//box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
	//
	
	
	.no-shop-box {
		width: 860px;
		height: 580px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		//position: relative;
		//background-color: white;
		//border: 1px solid #e4e4e4;
		//border-radius: 4px;
		//box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
		
		
		.no-shop-h1 {
			font-size: 24px;
			margin-bottom: 10px;
			color: #000000;
		}
		
		.no-shop-h2 {
			font-size: 16px;
			margin-bottom: 40px;
			color: #6a6a6a;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		
		.no-shop-icon {
			width: 208px;
			height: 208px;
			border-radius: 50%;
			border: 4px solid #FF5722;
			margin-bottom: 30px;
			//box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
			& > img {
				width: 200px;
				margin-bottom: 30px;
			}
		}
		
		.no-shop-box {
			margin-top: 10px;
		}
		
		button {
			font-size: 16px;
			
			&.next-time {
				margin-right: 8px;
				
				& > i {
					margin-right: -8px;
				}
			}
		}
	}
}